body {
  margin: 0;
  padding: 0;
}

/*样式重置*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* 黑暗模式 */
  --bg-color-grey:#25272A;
  --background-dark: #333;
  --text-dark: #fff;
  --border-color: #ccc;
  
  /* 白天模式 */
  --bg-color-light: #EBEDF5;
  --background-light: #F5F6FA;
  --text-light: #333;
  
}
/* 去掉浏览器默认样式 */
::view-transition-new(root),
::view-transition-old(root) {
  animation: none;
}

/* 白天模式 */
.dark::view-transition-old(root){
  z-index: 9999;
}

/*字体设置*/
body {
  /* font-size: 14px; */
  /* line-height: 1.42857143; */
  color: #333;
  background-color: #fff;
  /* &.light{ */
    --bg-color:var(--background-light);
    --bg-color-1:var(--bg-color-light);
    --text-color:var(--text-light);
    --border-color:var(--border-color);
  /* } */
  &.dark{
    --bg-color:var(--background-dark);
    --bg-color-1:var(--bg-color-grey);
    --text-color:var(--text-dark);
    --border-color:var(--border-color);
  }
}
/* #app{
  transition: all 1s ease-in-out;
} */

/*去掉li的默认样式*/
ul {
  list-style: none;
}

/*dark模式*/
.dark {
  background-color: #333;
  color: #fff;
}

/*light模式*/
.light {
  background-color: #fff;
  color: #333;
}
